<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    fill="none"
    viewBox="0 0 24 24"
    stroke-width="2"
    stroke="currentColor"
    aria-hidden="true"
    class="h-6 w-6 text-contrast-low hover:text-contrast-medium"
  >
    <path
      stroke-linecap="round"
      stroke-linejoin="round"
      d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
    />
  </svg>
</template>

<script lang="ts">
import { Component, Vue } from 'nuxt-property-decorator'

@Component({})
export default class Copy extends Vue {}
</script>

<style lang="scss" scoped>
.text-contrast-low {
  transition: all 0.5s;
  color: #515357;
  &:hover {
    color: #7d7b82;
  }
}
.w-6 {
  width: 1.5rem;
}
.h-6 {
  height: 1.5rem;
}
</style>
